﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="pragma" content="no-cache"/>
		<title>Timeinput</title>
		<script type="text/javascript" src="js/jquery/jquery-1.4.4.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/timeinput.css"/>
		<script type="text/javascript" src="js/timeinput.js"></script>
		<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
		<style>
			.timeinput {
				display:inline-block;
				padding:0 5px;
			}
		</style>
		<script type="text/javascript">
			var timeinput;
			$( function() {
				timeinput = new TimeInput({
					input:$("#starttime")
				});
				var timeinput2 = new TimeInput({
					input:$("#endtime")
				});
			});
		</script>
	</head>
	<body>
		<div style="width:800px;min-height:600px;margin:auto;">
			<div style="padding-bottom: 10px;">
				输入时间
			</div>
			<form action="">
				<input id="starttime" name="starttime" value="12:00"/>
				<label>到</label>
				<input id="endtime" name="endtime" value=""/>
			</form>
		</div>
	</body>
</html>
